.container {
		border-radius: 30px;
		/* 或者其他你想要的圆角大小 */
		border: 1px solid #cccccc;
		/* 框框的边框 */
		display: flex;
		flex-direction: column;
		margin: 20rpx;
		padding: $padding-standard;
		background-color: $color-white;
	}

	.location-icon {
		justify-content: space-between;
		/* 两端对齐 */
		align-items: center;
		width: 100%;
		/* 容器宽度为100% */
		cursor: pointer;

		&-text {
			margin-left: 30rpx;
		}

		&-image {
			width: 30px;
			/* 根据需要调整图标的大小 */
			height: 30px;
			margin-right: 70rpx;
		}
	}

	.cld {
		color: black;
	}

	.divider {
		height: 1px;
		background-color: #cccccc;
		margin: 10px 0;
	}

	.search-box {
		position: relative;
		/* 相对定位，为内部元素定位提供参考 */
		display: flex;
		/* 使用flex布局 */
		align-items: center;
		/* 垂直居中对齐 */
		padding: 10px;
		padding-left: 60px;
		/* 为"搜索"字样提供足够空间 */
		background-color: #fff;
		/* 背景色 */

		.search-label {
			position: absolute;
			/* 绝对定位 */
			left: 15px;
			/* 距离左边的距离 */
			color: #333;
			/* 字体颜色 */
			font-weight: bold;
			/* 字体加粗 */
		}
	}

	/* Shared button styles */
	%button-shared-styles {
		width: 100%; // 设置按钮宽度为100%
		padding: 10px; // 垂直和水平内边距
		background-color: $color-primary;
		color: $color-white;
		border: none;
		border-radius: $border-radius-standard;
		font-size: $font-main;
		cursor: pointer;
		outline: none;
		text-align: center;
		margin-bottom: 10px; // 在按钮之间添加间距
	}

	/* 价格/星级筛选按钮样式 */
	.filter-button {
		@extend %button-shared-styles;

		&:active {
			background-color: $color-secondary;
		}
	}

	/* 查询按钮样式 */
	.search-button {
		@extend %button-shared-styles;

		&:active {
			background-color: $color-secondary;
		}
	}